<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
     <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>修真院首页</title>
    <link rel="stylesheet" href="首页.css">
    <!-- 导入boostrap -->
    <script src="https://how2j.cn/study/js/jquery/2.0.0/jquery.min.js"></script>
    <link href="https://how2j.cn/study/css/bootstrap/3.3.6/bootstrap.min.css" rel="stylesheet">
    <script src="https://how2j.cn/study/js/bootstrap/3.3.6/bootstrap.min.js"></script>
    <link href="http://cdn.bootcss.com/normalize/4.2.0/normalize.min.css" rel="stylesheet">
</head>
<body>
    <div class="top">   
        <div class="tel-word">咨询电话 : 010-59478634</div>
        <div class="img-wrap">
            <img src="../修真院首页/imgs/weixin.png" >
            <img src="../修真院首页/imgs/qq.png" >
            <img src="../修真院首页/imgs/weibo.png" >
        </div>
    </div>
    
    <div class="nav-wrap">
        <div class="content">
            
            <ul>
                <li>首页</li>
                <li>职业</li>
                <li>推荐</li>
                <li>关于</li>
            </ul>
        </div>
    </div>
    
        
        <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
            <!-- Indicators -->
            <ol class="carousel-indicators">
              <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
              <li data-target="#carousel-example-generic" data-slide-to="1"></li>
              <li data-target="#carousel-example-generic" data-slide-to="2"></li>
              <li data-target="#carousel-example-generic" data-slide-to="3"></li>
            </ol>
          
            <!-- Wrapper for slides -->
            <div class="carousel-inner" role="listbox">
              <div class="item active">
                <img src="./轮播图/线下学习.png" >
              </div>
              <div class="item">
                      <img src="./轮播图/线上学习.jpg" >
              </div>
              <div class="item">
                      <img src="./轮播图/新风向.jpg" >
              </div>
          
              <div class="item">
                      <img src="./轮播图/征集令.jpg" >
              </div>
          
            </div>
          
            <!-- Controls -->
            <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
              <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
          
            </a>
            <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
              <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
          
            </a>
          
          </div>


        <div class="contents">
        <div class="info">
                <div class="info-item">
                    <div class="pho">
                        <img src="../修真院首页/imgs/rocket.png" alt="">
                    </div>
                    <div class="word">高效</div>
                    <div class="introduction">将五到年成长时间，缩短到一到两年</div>
                </div>
                <div class="info-item">
                    <div class="pho">
                        <img src="../修真院首页/imgs/book.png" alt="">
                    </div>
                    <div class="word">规范</div>
                    <div class="introduction">标准的实战教程，不会走弯路</div>
                </div>
                <div class="info-item">
                    <div class="pho">   
                        <img src="../修真院首页/imgs/relationship.png" alt="">
                    </div>
                    <div class="word">人脉</div>
                    <div class="introduction">同班好友，同院学长，技术大师，入学就混入职脉圈，为以后铺平道路</div>
                </div>
                <div class="info-itemLast">
                    <div class="useless"></div>
                        <div class="studyNum">
                            <img src="../修真院首页/imgs/user.png" alt="">
                            <span>12400</span>
                            <div>累计在线学习人数</div>
                        </div>
                        <div class="studyNum">
                            <img src="../修真院首页/imgs/user.png" alt="">
                            <span>12400</span>
                            <div>学员已找到满意的工作</div>
                        </div>                  
                </div>
            </div>
            
    </div>
    <div class="show">如何学习</div>
    <div class="learnStudyBox">
        <div class="learnStudy">
            <div class="learnBox">
                <div class="step">
                    <div class="num"><span>1</span></div>
                    <div class="words"ass="words">匹配你的个人情况，寻找合适的岗位</div>
                    <div class="go"><img src="./imgs/go.png" alt=""></div>
                </div>
        
                <div class="step">
                    <div class="num"><span>2</span></div>
                    <div class="words">匹配你的个人情况，寻找合适的岗位</div>
                    <div class="go"><img src="./imgs/go.png" alt=""></div>
                </div>
        
                <div class="step">
                    <div class="num"><span>3</span></div>
                    
                    <div class="words">匹配你的个人情况，寻找合适的岗位</div>
                    <div class="go"><img src="./imgs/go.png" alt=""></div>
                </div>
                <div class="step">
                    <div class="num"><span>4</span></div>
                    <div class="words">匹配你的个人情况，寻找合适的岗位</div>
                    <div class="go"><img src="./imgs/go.png" alt=""></div>
                </div>
                <div class="step">
                    <div class="num"><span>5</span></div>
                    <div class="words">匹配你的个人情况，寻找合适的岗位</div>
                    <div class="go"><img src="./imgs/go.png" alt=""></div>
                </div>
                <div class="step">
                    <div class="num"><span>6</span></div>
                    <div class="words">匹配你的个人情况，寻找合适的岗位</div>
                    <div class="go"><img src="./imgs/go.png" alt=""></div>
                </div>
                <div class="step">
                    <div class="num"><span>7</span></div>
                    <div class="words">匹配你的个人情况，寻找合适的岗位</div>
                    <div class="go"><img src="./imgs/go.png" alt=""></div>
                </div>
                <div class="step">
                    <div class="num"><span>8</span></div>
                    <div class="words">匹配你的个人情况，寻找合适的岗位</div>
                    <div class="go"><img src="./imgs/go.png" alt=""></div>
                </div>
            </div>
            
        </div>
    </div>
    <div class="show">优秀学员展示</div>
    
    <div class="exStudyentsBox">
        <div class="exStudyents">
            <div class="box">
                <img src="./imgs/Avatar1.png" alt="">
                <div class="text">技术顾问：罗大佑</div>
                <br>
                <div class="information">百度技术总监：互联网基础服务领域，从事虚拟主机、云服务器、域名。曾任新网高级技术经理，负责技术研发、团队管理与建设</div>
   
            </div>
            <div class="box">
                <img src="./imgs/Avatar2.png" alt="">
                <div class="text">技术顾问：罗大佑</div>
                <br>
                <div class="information">百度技术总监：互联网基础服务领域，从事虚拟主机、云服务器、域名。曾任新网高级技术经理，负责技术研发、团队管理与建设</div>
            </div>
            
            <div class="box">
                <img src="./imgs/Avatar3.png" alt="">
                <div class="text">技术顾问：罗大佑</div>
                <br>
                <div class="information">百度技术总监：互联网基础服务领域，从事虚拟主机、云服务器、域名。曾任新网高级技术经理，负责技术研发、团队管理与建设</div>
            </div>
            <div class="box">
                <img src="./imgs/Avatar4.png" alt="">
                <div class="text">技术顾问：罗大佑</div>
                <br>
                <div class="information">百度技术总监：互联网基础服务领域，从事虚拟主机、云服务器、域名。曾任新网高级技术经理，负责技术研发、团队管理与建设</div>
            </div>
        </div> 
    </div>
    
     <div class="page">
        <div class="dot" style="background-color:#29b078"></div>
        <div class="dot"></div>
        <div class="dot"></div>
        <div class="dot"></div>
    </div>
    <div class="show">战略合作企业</div>
     <div class="cooperation">
        <div class="type">
            <div class="homeCooperation"><img src="./imgs/albaba.jpg" ></div>
            <div class="homeCooperation"><img src="./imgs/金山云.jpg" ></div>
            <div class="homeCooperation"><img src="./imgs/环信.jpg" ></div>
            <div class="homeCooperation"><img src="./imgs/云通讯.jpg" ></div>
            <div class="homeCooperation"><img src="./imgs/云储存.jpg" ></div>
        </div>
        
     </div>
     
     <div class="link">
        <h3>友情链接</div> 
        <div id="first">
            <ul>
                <li>手机软件</li>
                <li>教育招聘</li>
                <li>找工作</li>
                <li>教师招聘</li>
                <li>找工作</li>
                <li>手机软件</li>
                <li>教师招聘</li>
                <li>手机软件</li>
                <li>手机软件</li>
                <li>找工作</li>
                <li>手机软件</li>
                <li>教育招聘</li>
                <li>找工作</li>
                <li>教师招聘</li>
                <li>找工作</li>
                <li>手机软件</li>
                <li>教师招聘</li>
                <li>手机软件</li>
                <li>手机软件</li>
                <li>找工作</li>
            </ul>
        </div>
     </div>
    
     <footer>
        <div class="news">
            <div class="lt">
                <h3>技能树—改变你我</h3>
                <p>关于我我们 | 联系我们 | 合作企业</p>
            </div>
            <div class="center">
                <p>旗下网站</p>
                <span>草船云孵化器</span>
                <span>最强IT特训营</span>
                <br>
                <br>
                <br>
                <span>葡萄藤轻游戏</span>
                <span>桌游精灵</span>
            </div>
            <div class="rt">
                
                <div class="wechat">微信公众平台</div>
                <div class="qrcode"></div>
            
            </div>
        </div>
    </footer>
    <div class="copyright"> Copyright © 2015技能树 www.jnshu.com All Rights Reserved | 京ICP</div>
 
</body>
</html>